<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Axios测试</title>
		<script src="../js/axios.js"></script>
	</head>
	<body>
		<h1>Axios简化测试3</h1>
		<script>
			/* 简化方式1: 抽取后端服务器地址 */
			axios.defaults.baseURL = "http://localhost:8080"
			
			/* 简化方式2: 箭头函数使用 如果参数只有一个可以省略括号 */
			axios.get("/web/hello")
			     .then( promise => {
					 alert(promise.data)  //嵌套结构
				 })
			
			/* 简化方式3: async await简化调用 重点
			   问题描述: 如果ajax如果嵌套的层级较多,则引发"回调地狱"问题
			   解决问题: 能否将axios中的then进行简化.
			   语法:
					1. 使用async关键字标识函数
					2. 通过await标识ajax请求
					3. 必须同时出现
			 */	 
			async function getHello(){  //定义函数
				//let {data: result,status: code} = await axios.get("/web/hello")
				let {data: result} = await axios.get("/web/hello")
				alert(result)
			}
			//调用函数
			getHello()
			
			
			
			
			/* let result1 = axios.get("/web/hello")
			let result2 = axios.get("/web/hello",参数:result1)
			let result3 = axios.get("/web/hello",参数:result2)
			let result4 = axios.get("/web/hello",参数:result3) */
			
			
		</script>
	</body>
</html>





